<template>
  <div class="content">
    <!-- <OneNav /> -->
    <!--  头部区域  -->
    <Header />
     <div style="padding: 0 8px">
      <!--  头部列表区域  -->
      <TopNavList />

      <!--  第1行  -->
      <Row1/>
       <!--  第2行  -->
      <Row2 />
       <!--  第3行  -->
      <Row3 />
      <!--  第4行  -->
      <Row4 />
      <!--  第5行  -->
      <Row5 />
      <!--  第6行  -->
      <Row6 />
      <!--  第7行  -->
      <Row7 />
      <!--  第8行  -->
      <Row8 />
      <!--  第9行  -->
      <Row9 />
      <!--  第10行  -->
      <Row10 />
      <!--  第Tp行  -->
      <RowTp />
    </div>
    <!--  底部区域  -->
    <Footer />
  </div>
</template>

<script>
import OneNav from '@/views/oneNav/oneNav.vue'
import Header from "@/layout/header/index.vue";
import Footer from '@/layout/footer/index.vue'
import TopNavList from "@/views/topNavList/index.vue";
import Row1 from "@/views/cardContent/row1.vue";
import Row2 from "@/views/cardContent/row2.vue";
import Row3 from "@/views/cardContent/row3.vue";
import Row4 from "@/views/cardContent/row4.vue";
import Row5 from "@/views/cardContent/row5.vue";
import Row6 from "@/views/cardContent/row6.vue";
import Row7 from "@/views/cardContent/row7.vue";
import Row8 from "@/views/cardContent/row8.vue";
import Row9 from "@/views/cardContent/row9.vue";
import Row10 from "@/views/cardContent/row10.vue";
import RowTp from "@/views/cardContent/rowTp.vue";
import { getCodeImg } from '@/api/login'
  export default {
    name: 'Index',
    components: {
      OneNav,
      Header,
      TopNavList,
      Footer,
      Row1,
      Row2,
      Row3,
      Row4,
      Row5,
      Row6,
      Row7,
      Row8,
      Row9,
      Row10,
      RowTp
    },
    data() {
      return {
        tabPosition: 'top'
      };
    }
  }
</script>

<style lang="less" scoped> 
  .content {
    color: #fff;
    font-size: 16px;
    line-height: 1.15;
    background: url(@/static/images/bg.jpg) no-repeat;
    background-size: 100% 100%;

  }
</style>